<template>
	<view class="xiaoxi">
		
		<view v-if="msg_list.length != 0" class="list" v-for="(item,index) in msg_list" :key="index">
			<view class="time">{{ item.time }}</view>
			<view class="line">
				 <view class="left">
					 订单:<text>{{ item.order_bh }}</text>
				 </view>
				 <view class="right">{{ item.status }}</view>
			</view>
		</view>
		
		<view v-if="msg_list.length == 0" class="list_null">
			<image class="null_img" src="../../static/img/lyb/xiaoxi_null.png" mode=""></image>
			<view>暂无消息</view>
		</view>
		
	</view>
</template>

<script>
	export default {
		components: {
			
		},
		data() {
			return {
				msg_list:[]
			}
		},
		methods: {
			getData(){
				this.$store.dispatch('mOrderStatus').then(res=>{
					if(res.code==1){
						console.log(res.data)
						this.msg_list = res.data;
					}
				})
			}
		},
		mounted() {
			this.getData()
		}
	}
</script>

<style lang="scss">
	.xiaoxi {
		font-size: 28upx;
		padding:30upx 0;
		.list{
			margin-bottom: 64upx;
			.time{
				width: 320upx;
				margin: 0 auto;
				line-height: 48upx;
				text-align: center;
				background: #EFEFEF 100%;
				border-radius: 24upx;
				color: #A4A8B7 ;
				
				}
				.line{
					width: calc(100% - 48upx);
					height: 88upx;
					line-height: 88upx;
					padding: 0 24upx;
					display: flex;
					background: white;
					justify-content: space-between;
					margin-top: 20upx;
					border-radius: 10upx;
					
					.left{
						color: #A4A8B7 ;
						text{
							color: #0077FF ;
							margin-left: 10upx;
							}
						
					}
				
					}
			}
			.list_null{
				text-align:center;
				color: #A4A8B7 ;
				font-size: 28upx;
				margin-top:200upx;
				.null_img{width:360upx;height:360upx;}
			}
		
	}
</style>